<!DOCTYPE HTML>
<html>
 <head>
 <title>[TITLE]</title>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="/assets/css/ie9.css" /><![e
<!--[if lte IE 8]><link rel="stylesheet" href="/assets/css/ie8.css" /><![endifndif]-->
 </head>
 <body>
<!-- <header> -->
<<div id="header">

 <div class="top">

 <!-- Logo -->
 <div id="logo">
 <span class="image avatar48"><img src="/images/avatar.jpg" alt="" /></span>
 <h1 id="title">Yuriy Lesyo</h1>
 <p>Developer / Web designer</p>
 </div>

 <!-- Nav -->
 <nav id="nav">
 <ul>
     <li><a href="/" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">!</span></a></li>
     <li><a href="/news" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-th"> </span></a></li>
 <li><a href="/index/0-2" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user"> </span></a></li>
     <li><a href="/" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">  </span></a></li>
 <li><a href="/index/0-2" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label"></span></a></li>
 </ul>
 </nav>

 </div>

 <div class="bottom">

 <!-- Social Icons -->
 <ul class="icons">
 <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
 <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
 <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
 <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
 <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
 </ul>

 </div>

 </div>

<!-- </header> -->

<!-- <middle> -->
 <div id="main">
 
 <section id="contact" class="four">
 <div class="container">

 <header>
 <h2>$MODULE_NAME$</h2>
 </header>
[BODY]
 </section>

 </div>
<!-- </middle> -->

<!-- <footer> -->
<div id="footer">

 <!-- Copyright -->
 <ul class="copyright">
 <li>&copy; Yuriy Lesyo. YLtempl #3 / $POWERED_BY$ </li>
 </ul>

 </div>
<!-- </footer> -->

<!-- Scripts -->
<script src="/assets/js/jquery.scrolly.min.js"></script>
<script src="/assets/js/jquery.scrollzer.min.js"></script>
<script src="/assets/js/skel.min.js"></script>
<script src="/assets/js/util.js"></script>
<!--[if lte IE 8]><script src="/assets/js/ie/respond.min.js"></script><![endif]-->
<script src="/assets/js/main.js"></script>

 </body>
</html>

<!-- <popup> -->
<table border="0" cellpadding="2" cellspacing="1" style="background:#A9B8C2;" width="100%">
<tr><td style="background:#D4DFF7;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#F4F4F4;padding:5px;">[BODY]</td></tr>
</table>
<!-- </popup> -->